@charset 'UTF-8';
//字体
$fb: bold;
$ff: 'Microsoft YaHei',Arial,'Heiti SC',SimSun;


//字体颜色 
$cfff: #fff;
$c000: #000;
$c333: #333;
$c666: #666;
$c999: #999;
$blue: #03a9f4;
$red: #c91623;
$black: #111111;
$yellow: #ffc014;
$orange: #ff9000;
$pink:#ed888c;

$fedStdColor_l1: #0093ff;   //standard 蓝色
$fedStdColor_l2: #e60012;   //standard 红色
$fedStdColor_l3: #dba400;   //standard 黄色 level1
$fedStdColor_l4: #ffc014;   //standard 黄色 level2
$fedStdColor_l5: #fdcb41;   //standard 黄色 level3
$fedStdColor_l6: #fbd56e;   //standard 黄色 level4
$fedStdColor_l7: #f9e09b;   //standard 黄色 level5
$fedStdColor_l8: #f7eac8;   //standard 黄色 level6

//数值变量
$px5: 5px;
$px10: 10px;
$px12: 12px;
$px14: 14px;
$px15: 15px;
$px16: 16px;
$px18: 18px;
$px20: 20px;
$px24: 24px;
$px30: 30px;
$px50: 50px;
$px70: 70px;
$px1190: 1190px;

@mixin inline_block
{
    display: inline-block;

    *display: inline;
    *zoom: 1;
}

@mixin opacity($value: .1)
{
    opacity: $value;
    @media \0screen\,screen\9
    {
        position: absolute;

        filter: alpha(opacity = $value * 10);
    }
}

@mixin animatie($name, $duration)
{
    -webkit-animation: $name $duration;
            animation: $name $duration;
}

@mixin fade-in
{
    @keyframes fade-in
    {
        0%
        {
            opacity: 0;
        }
        20%
        {
            opacity: .2;
        }
        40%
        {
            opacity: .4;
        }
        60%
        {
            opacity: .6;
        }
        80%
        {
            opacity: .8;
        }
        100%
        {
            opacity: 1;
        }
    }
    @-webkit-keyframes fade-in
    {
        0%
        {
            opacity: 0;
        }
        20%
        {
            opacity: .2;
        }
        40%
        {
            opacity: .4;
        }
        60%
        {
            opacity: .6;
        }
        80%
        {
            opacity: .8;
        }
        100%
        {
            opacity: 1;
        }
    }
}

@mixin fade-out
{
    @keyframes fade-out
    {
        0%
        {
            opacity: 1;
        }
        20%
        {
            opacity: .8;
        }
        40%
        {
            opacity: .6;
        }
        60%
        {
            opacity: .4;
        }
        80%
        {
            opacity: .2;
        }
        100%
        {
            opacity: 0;
        }
    }
    @-webkit-keyframes fade-out
    {
        0%
        {
            opacity: 1;
        }
        20%
        {
            opacity: .8;
        }
        40%
        {
            opacity: .6;
        }
        60%
        {
            opacity: .4;
        }
        80%
        {
            opacity: .2;
        }
        100%
        {
            opacity: 0;
        }
    }
}
